﻿{% extends "base.html" %}
{% block title %}NOW{% endblock%}
{% block css %}index{% endblock%}
{% block user_url %}
    {% if current_user.is_authenticated %}
        /profile/{{current_user.id}}
    {% else %}
        /reglogin/
    {% endif %}
{% endblock %}
{% block page_main %}
<div class="page-main clearfix" >
    <div id="img-List">
    {% for image in images %}
    <article class="mod">
        <header class="mod-hd">
            <time class="time">{{ image.created_date }}</time>
            <a href="/profile/{{ image.user.id }}/" class="avatar">
                <img src="{{ image.user.head_url }}">
            </a>
            <div class="profile-info">
                <a title="{{ image.user.username }}" href="/profile/{{ image.user.id }}/">{{ image.user.username }}</a>
            </div>
        </header>
        <div class="mod-bd">
            <div class="img-box">
                <a href="/image/{{ image.id }}/">
                    <img src="{{ image.url }}">
                </a>
            </div>
        </div>
        <div class="mod-ft">
            <!--
            <section class="times">
                <span></span>
                <span>6.2百万</span>
                <span> 次播放</span>
            </section>
            -->
            <ul class="discuss-list">
                <li class="more-discuss">
                    <a>
                        <span>全部 </span><span class="">{{ image.comments|length }}</span>
                        <span> 条评论</span></a>
                </li>
                <!--
                {% for comment in image.comments %}
                <li>
                    <a class=" icon-remove" title="删除评论"></a>
                    <a class="_4zhc5 _iqaka" title="{{ comment.user.username }}" href="/profile/{{ comment.user_id }}/" data-reactid=".0.1.0.0.0.2.1.2:$comment-17856951190001917.1">{{ comment.user.username }}</a>
                    <span>
                        <span>{{ comment.content }}</span>
                    </span>
                </li>
                {% endfor %}
                --!>
            </ul>
            <!--
            <section class="discuss-edit">
                <a class="icon-heart"></a>
                <form>
                    <input placeholder="添加评论..." type="text">

                </form>
                <button class="more-info">更多选项</button>
            </section>
            -->
        </div>
    </article>
    {% endfor %}
    {% if has_next %}
    </div>
    <!--<div class="more-content js-load-more">-->
    <div id="more" class="more-content js-load-more">
        <a class="_oidfu" href="javascript:void(0);" onclick="getMoreIndexImg()"  display="block">更多</a>
    </div>
    {% endif %}
</div>

{% endblock%}
{% block js %}<script type="text/javascript" src="/static/js/index.js"></script>{% endblock %}